<div class="vc-nav flex justify-between" id="nav">
  <div>
    <ul class="flex flex-start">
      <!-- <li class="title"><a href="/">{{vc.i18n('systemName')}}</a></li> -->
      <li class="title"><a href="/">{{logo}}</a></li>
      <li
        :class="{'active' :item.active == '1' }"
        v-for="(item,index) in nav.catalogs"
        @click="_changeMenuCatalog(item)"
      >
        <i :class="item.icon"></i>{{item.name}}
      </li>
    </ul>
  </div>
  <div>
    <ul class="nav flex flex-start">
      <li
        class="dropdown"
        v-if="nav.storeTypeCd != '800900000001' && nav.storeTypeCd != '800900000002' && nav.storeTypeCd != '800900000000'"
      >
        <span
          class="dropdown-toggle"
          data-toggle="dropdown"
          role="button"
          aria-haspopup="true"
          aria-expanded="false"
        >
          {{nav._currentCommunity.name}}
        </span>
        <div class="dropdown-menu margin-top">
          <a
            class="dropdown-item"
            v-for="currentCommunity in nav.communityInfos"
            v-on:click="changeCommunity(currentCommunity)"
            >{{currentCommunity.name}}
          </a>
          <a
            href="javascript:void(0)"
            class="dropdown-item text-center"
            v-on:click="_chooseMoreCommunity()"
          >
            <strong>{{vc.i18n('moreCommunity')}}</strong>
            <i class="fa fa-angle-right"></i>
          </a>
        </div>
      </li>
      <li><i class="fa fa-user margin-right-xs"></i>{{userName}}</li>
      <li class="dropdown">
        <span class="dropdown-toggle" data-toggle="dropdown">
          <span class="">{{nav.langName}}</span>
        </span>
        <ul class="dropdown-menu margin-top">
          <li v-for="lang in nav.langs">
            <a v-on:click="_changeLang(lang)" class="dropdown-item">
              <div class="dropdown-item text-center">{{lang.name}}</div>
            </a>
            <div class="dropdown-divider"></div>
          </li>
        </ul>
      </li>
      <li v-on:click="_viewDocument()">
        <i class="fa fa-question-circle-o"></i>
      </li>
      <li v-on:click="logout()">
        <i class="fa fa-sign-out"></i> {{vc.i18n('signOut')}}
      </li>
    </ul>
  </div>
</div>
